﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Animal Photos</title>
    <link href="Footwear.css" rel="stylesheet" />
</head>
<body>
    <header>
    <div class="logo-container">
                <a href="../home-page.html">
                    <img src="../images/Discover-sport-logo.jpg" />
                </a>
            </div>
            <div class="select">
                <select id="language">
                    <option selected="selected">Select language</option>
                    <option value="cs">Ceský </option>
                    <option value="de">Deutsch</option>
                    <option value="es">Español</option>
                    <option value="fr">Français</option>
                    <option value="it">Italiano</option>                    
                    <option value="is">Íslenskur</option>
                    <option value="hu">Magyar</option>
                    <option value="pl">Polski</option>
                    <option value="pt">Português</option>
                    <option value="sl">Slovenšcina</option>
                    <option value="sk">Slovenských</option>
                    <option value="sv">Svenska</option>
                </select>
                <select id="currency">
                    <option value="EUR" selected="selected">€ EUR</option>
                    <option value="USD">$ USD</option>
                    <option value="CNY">¥ CNY</option>
                    <option value="AUD">$ AUD</option>
                    <option value="CZK">Kč CZK</option>
                    <option value="HUF">Ft HUF</option>
                    <option value="ISK">kr ISK</option>
                    <option value="PLN">zł PLN</option>
                    <option value="SEK">kr SEK</option>
                </select>
            </div>
            <hr />
            <div class="reg-container">
                    <div class="name">
                        <label for="name">Username:</label>
                        <input type="text" id="name"/>
                     </div>
                    <div class="pass">
                        <label for="pass">Password:</label>
                        <input type="password" required="required" id="pass"/> 
                    </div>   
                    <div class="log"><a href="#">Log in</a></div>
                    <div class="log"><a href="../Sign-up.html">Sign up</a></div>
            </div>
        </header>
    <div class="main">
    <div class="label">
            <ul>
                <li>
                    <label for="radio0"><img src="http://images.monstermarketplace.com/authentic-nike-shoes/womens-nike-air-max-navigate-leather-456978-106-800x500.jpg" title="Trainers" alt="trainers"/></label>
                </li>
                <li>
                    <label for="radio1"><img src="http://i00.i.aliimg.com/img/pb/008/231/553/553231008_494.jpg" title="Boots" alt="Boots"/></label>
                </li>
                <li>
                    <label for="radio2"><img src="http://www.touristinformationcentres.net/webshop/images/webshop/224/product/large/Ricosta-Lex-Waterproof-Black-Shoe-57.jpg" title="Shoes" alt="Shoes"/></label>
                </li>
                <li>
                    <label for="radio3"><img src="http://images.monstermarketplace.com/authentic-nike-shoes/nike-lunarglide-3-454164-107-800x500.jpg" title="Indoor And Court Trainers" alt="Indoor and Court"/></label>
                </li>
                <li>
                    <label for="radio4"><img src="http://beggom.com/image/cache/data/10%20AButsy/JOMA%20FIT%20100%20F-100.202.-800x500.jpg" title="Astro Trainers" alt="Astro Trainers" /></label>
                </li>
                <li>
                    <label for="radio5"><img src="http://www.okoksports.com/images/07/027/0702745_6.jpg" title="Running Shoes" alt="Running Shoes"/></label>
                </li>
                <li>
                    <label for="radio6"><img src="http://www.safetytoeworkboots.com/cart_resources/images/cache/data/timberland_50500.3-800x500.jpg" title="Safety Boots" alt="Safety Boots"/></label>
                </li>
                <li>
                    <label for="radio7"><img src="http://i.ebayimg.com/t/HAVAIANAS-SLIM-COOL-CASUAL-SUMMER-BEACH-TOE-POST-FLIP-FLOP-SANDALS-SIZES-2-9-NEW-/00/s/MTAwMVgxNjAw/$(KGrHqRHJFME916qNbucBPf(wpZlTg~~60_3.JPG" title="Sandals and Flip Flops" alt="Sandals and Flip Flops"/></label>
                </li>
            </ul>
      </div>
    <div class="radio">
            <ul>
                <li>
                    <input type="radio" id="radio0" name="picture" />
                    <img src="http://images.monstermarketplace.com/authentic-nike-shoes/womens-nike-air-max-navigate-leather-456978-106-800x500.jpg" class="footwear" alt="trainers"/>
                </li>
                <li>
                    <input type="radio" id="radio1"  name="picture"/>
                    <img src="http://i00.i.aliimg.com/img/pb/008/231/553/553231008_494.jpg" class="footwear" alt="Boots"/>
                </li>
                <li>
                    <input type="radio" id="radio2" name="picture" />
                    <img src="http://www.touristinformationcentres.net/webshop/images/webshop/224/product/large/Ricosta-Lex-Waterproof-Black-Shoe-57.jpg" class="footwear" alt="Shoes"/>
                </li>
                <li>
                    <input type="radio" id="radio3" name="picture" />
                    <img src="http://images.monstermarketplace.com/authentic-nike-shoes/nike-lunarglide-3-454164-107-800x500.jpg" class="footwear" alt="Indoor and Court"/>
                </li>
                <li>
                    <input type="radio" id="radio4" name="picture" />
                    <img src="http://beggom.com/image/cache/data/10%20AButsy/JOMA%20FIT%20100%20F-100.202.-800x500.jpg" class="footwear" alt="Astro Trainers"/>
                </li>
                <li>
                    <input type="radio" id="radio5" name="picture" />
                    <img src="http://www.okoksports.com/images/07/027/0702745_6.jpg" class="footwear" alt="Running Shoes"/>
                </li>
                <li>
                    <input type="radio" id="radio6" name="picture" />
                    <img src="http://www.safetytoeworkboots.com/cart_resources/images/cache/data/timberland_50500.3-800x500.jpg" class="footwear" alt="Safety Boots"/>
                </li>
                <li>
                    <input type="radio" id="radio7" name="picture" />
                    <img src="http://i.ebayimg.com/t/HAVAIANAS-SLIM-COOL-CASUAL-SUMMER-BEACH-TOE-POST-FLIP-FLOP-SANDALS-SIZES-2-9-NEW-/00/s/MTAwMVgxNjAw/$(KGrHqRHJFME916qNbucBPf(wpZlTg~~60_3.JPG" class="footwear" alt="Sandals and Flip Flops"/>
                </li>
            </ul>
      </div>
        </div>
</body>
</html>
